<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<div class="head">
    <div class="wrapper clearfix">
        <div class="clearfix" id="top">
            <h1 class="fl"><a href="index.html"><img src="img/logo.png"/></a></h1>
            <div class="fr clearfix" id="top1">
                <p class="fl">
                    <span class="f2" style="display:none"><th:userid th:text="${session.userid}"/></span>
                    <span th:if="${session.names!=null}">Hi! <span style="color: red;font-size: 16px"  onclick="javaScript:personal()" class="unames1" th:text="${session.names}"></span></span>
                    <a th:if="${session.names==null}" href="login.html" id="login">登录</a>
                    <a th:if="${session.names==null}" href="reg.html" id="reg">注册</a>
                    <a th:if="${session.names!=null}" href="/cutAccount">切换账号</a>
                    <a th:if="${session.names!=null}" href="/quit">退出</a>
                </p>
                <form action="search.html" style="width: 173px" method="get" class="fl">
                    <input type="search" style="width: 150px" name="search" placeholder="请输入您要搜索的内容" />
                    <input type="submit" value=" "/>
                </form>
                <div class="btn fl clearfix">
                    <a onclick="javaScript:personal()"><img src="img/grzx.png"/></a>
                    <a href="#" class="er1"><img src="img/ewm.png"/></a>
                    <a th:if="${session.names} eq null" href="login.html"><img src="img/gwc.png"/></a>
                    <a th:if="${session.names} ne null" href="selcart.html"><img src="img/gwc.png"/></a>
                    <p><a href="#"><img src="img/smewm.png"/></a></p>
                </div>
            </div>
        </div>
        <ul class="clearfix" id="bott">
            <li><a href="index.html">首页</a></li>
            <li>
                <a href="javaScript:fenlei('','','goods.html')">所有商品</a>
            </li>
            <li>
                <a href="javaScript:fenlei('装饰摆件',null,'flowerDer.html')">装饰摆件</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="javaScript:fenlei('装饰摆件','干花花艺','proList.html')">干花花艺</a>
                        <a href="javaScript:fenlei('装饰摆件','花瓶花器','vase_proList.html')">花瓶花器</a>
                    </div>
                </div>
            </li>
            <li>
                <a href="javaScript:fenlei('布艺软饰',null,'decoration.html')">布艺软饰</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="javaScript:fenlei('布艺软饰','桌布罩件','zbproList.html')">桌布罩件</a>
                        <a href="javaScript:fenlei('布艺软饰','抱枕靠垫','bzproList.html')">抱枕靠垫</a>
                    </div>
                </div>
            </li>
            <li><a href="javaScript:fenlei2('paint.html')">墙式壁挂</a></li>
            <li><a href="javaScript:fenlei2('perfume.html')">蜡艺香薰</a></li>
            <li><a href="javaScript:fenlei2('idea.html')">创意家居</a></li>
        </ul>
        <script>
            function fenlei(typename,typename2,url) {
                location.href="product.html?typename="+typename+"&typename2="+typename2+"&url="+url;
            }
            function fenlei2(url) {
                location.href=url;
            }
        </script>
    </div>
</div>